<div class="container">
    <h1>New User Registration</h1> {{diagnostic}}
    <form>
        <div class="form-group">
            <label for="name">Name</label>
            <!--<input type="text" class="form-control" id="name" required>-->
            <select class="form-control" id="name" required>
                <option *ngFor = "let user of userArr" [value]="user">{{user.name}}</option>
            </select>
        </div>

        <div class="form-group">
            <label for="age">Age</label>
            <input [(ngModel)]="testUser.age" type="text" class="form-control" id="age" name="age" required>
        </div>

        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>
<input [(ngModel)]="testUser.age" name="age" #spy required>
<p>hi: {{spy.className}}</p>

<input type="text" id="name" required [(ngModel)]="testUser.age" name="age" #testInput="ngModel">
<div [hidden]="testInput.valid || testInput.pristine" class="alert alert-danger">
    Name is required
</div>